<!DOCTYPE HTML>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Demo: dojoConfig</title>
		<link rel="stylesheet" href="style.css" media="screen">
		<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" media="screen">
		<style>
			#dialog { min-width: 200px; }
		</style>
	</head>
	<body class="claro">
		<h1>Demo: dojo/_base/Config</h1>
		<div id="dialog" data-dojo-type="dijit/Dialog" data-dojo-props="title: 'dojo/_base/_config'"></div>
		<!-- load dojo and provide config via data attribute -->
		<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojo/dojo.js" data-dojo-config="has:{'dojo-firebug':true}, foo: 'bar', async: 1, isDebug: 1"></script>
		<script>
			require(["dijit/registry", "dojo/parser", "dojo/json", "dojo/_base/config", "dijit/Dialog", "dojo/domReady!"],
				function(registry, parser, JSON, config) {
					// Explicitly parse the page
					parser.parse();
					// Find the dialog
					var dialog = registry.byId("dialog");
					// Set the content equal to what dojo.config is
					dialog.set("content", '<pre>' + JSON.stringify(config, null, '\t') + '</pre>');
					// Show the dialog
					dialog.show();
			});
		</script>
	</body>
</html>